<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = 0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢慢买商品列表</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/productlist.css">
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/rem.js"></script>
  <script src="./js/productlist.js"></script>
</head>

<body>
  <!-- 头部区域 -->
  <!-- @@include ./template/header.html -->
  <!-- 搜索区域 -->
  <!-- @@include ./template/search.html -->

  <!-- 路径导航 -->
  <nav class="product-list-title">
    <a href="/" class="list-title1">首页</a> &gt;
    <a href="/category.html" class="list-title2">全部分类</a> &gt;
    <a class="list-title3" id="category"></a> &gt;
    <a class="select">筛选</a>
  </nav>

  <!-- 详情列表 -->
  <div class="pro-list">
    <ul class="list-content">
      <li>
        <a href="">
          <img src="" alt="">
          <div class="info">
            <div class="tit">乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</div>
            <div class="price"><em>￥1999.00</em> <span class="star"><em class="star5"></em></span></div>
            <div class="other"><em>报价(6)</em> <em>评论(2286)</em></div>
          </div>
        </a>
      </li>
    </ul>
  </div>

  <!-- 分页器 -->
  <div class="mmm_page">
    <span><a href="JavaScript:;" id="pageAdd">上一页</a></span>
    <span>
      <select id="selectPage" name="select">
        
      </select>
    </span>
    <span><a href="JavaScript:;" id="pageRemove">下一页</a></span>
  </div>

  <!-- 底部 -->
  <!-- @@include ./template/footer.html -->

  <script type="text/html" id="tmp">
    {{ each list v i }}
    <li>
      <a href="/bijia.html?productId={{ v.productId }}&categoryId={{ v.categoryId }}&category={{ txt }}">
        <img src="{{ v.productImg.src }}" alt="{{ v.productImg.alt }}">
        <div class="info">
          <div class="tit">{{ v.productName }}</div>
          <div class="price"><em>{{ v.productPrice }}</em> <span class="star"><em class="star5"></em></span></div>
          <div class="other"><em>{{ v.productQuote }}</em> <em>{{ v.productCom }}</em></div>
        </div>
      </a>
    </li>
    {{ /each }}
  </script>

  <script type="text/html" id="tmp1">
    {{ each list v i }}
    <option value="{{ i + 1 }}">第{{ i + 1 }}页</option>
    {{ /each }}
  </script>


</body>

</html>